// 购物车动画
$('.topbar-cart').hover(function () {
    $('.topbar-cart .loading').stop().slideToggle(500);
})
// 头部菜单动画


$('.nav-list li').mouseenter(function () {
    if ($(this).index() < 8) {
        $('.kuan').stop().slideDown(500);
    } else {
        $('.kuan').stop().slideUp(500);
    }
    if ($(this).index() == 0) {
        $('.kuan').hide();
    }
    $(this).addClass('xiaomile').siblings().removeClass('xiaomile');

    console.log($(this).index());
    $('.kuan ul').eq($(this).index() - 1).show().siblings().hide();
});
$('.ul-sub').mouseleave(function () {
    $('.kuan').stop().slideUp(200);
});
$('.kuan').hover(function () {
    $(this).stop().slideDown(200);
}, function () {
    $(this).stop().slideUp(200);
});


// 轮播图
//  $('.box').jqhlunbo();
 $('.box').jqhslide({
    speed:2000,
    event:'click'
});
// var index = 0;
// // 自动切换图片
// var timer = setInterval(nextImg, 2000)
// function nextImg() {
//     index = index == 5 ? 0 : index + 1;
//     showImg();
// }
// // 展示图片
// function showImg() {
//     $('.img-list li').eq(index).stop().fadeIn(500).siblings().stop().fadeOut(500);
//     $('.indicator li').eq(index).addClass('active').siblings().removeClass('active');
// }
// $('.box').mouseover(function () {
//     clearInterval(timer);
// }).mouseout(function () {
//     timer = setInterval(nextImg, 1000);
// });
// // 点击指示灯
// $('.indicator li').click(function () {
//     index = $(this).index();
//     showImg();
// });

// // 3.点击切换
// $('.next').click(function () {
//     nextImg();
// });
// $('.prev').click(function () {
//     index--;
//     if (index == -1) {
//         index = 5;
//     }
//     showImg();
// });

// 轮播图旁边菜单
$('.box-ul li').mouseenter(function () {

    // $(this).addClass('xiaomile').siblings().removeClass('xiaomile');
    $('.div-menu').show();
    console.log($(this).index());
    $('.div-menu .ul-menu').eq($(this).index()).show().siblings().hide();
});
$('.box-ul li').mouseleave(function () {
    $('.div-menu').hide();
});
$('.div-menu').hover(function () {
    $(this).show();
}, function () {
    $(this).hide();
});

// 明星产品轮播图
// $('.more .more-left').click(function () {
//     $(this).parents('.star').find('.star-ul').stop().animate({ left: -1226 }, 1000);
// })
// $('.more .more-right').click(function () {
//     $(this).parents('.star').find('.star-ul').stop().animate({ left: 0 }, 1000);
// })
// var Ischange = true;
// function changeImg() {
//     if (Ischange) {
//         $('.more .more-left').parents('.star').find('.mingxing').stop().animate({ left: 0 }, 1000)
//     } else {
//         $('.more .more-left').parents('.star').find('.mingxing').stop().animate({ left: -1226 }, 1000)
//     }
//     Ischange = !Ischange;
// }
// var timer = setInterval(changeImg, 2000);
// $('.mingxing').mouseenter(function () {
//     clearInterval(timer);
// });
// $('.mingxing').mouseleave(function () {
//     timer = setInterval(changeImg, 4000);
// });




var index = 0;
function showCP(){
    $('.chanpin .mingxing').stop().animate({left:-1226*index},500);
    $('.chanpin .more div').eq(index).removeClass('active').siblings().addClass('active');
}


// 自动
var timerCP = setInterval(change,2000);
function change() {
    index = index==1 ? 0 : index+1;
    showCP();
}
// 手动
$('.chanpin .more .more-left').click(function(){
    index = 0;
    showCP();
});
$('.chanpin .more .more-right').click(function(){
    index = 1;
    showCP();
});
$('.chanpin .more div').hover(function(){
    clearInterval(timerCP);
    timerCP = null;
},function(){
    if(timerCP)return;
    timerCP = setInterval(change,2000);
});

var indexTJ = 0;
function showTJ(){
    $('.weini .tuijian').stop().animate({left:-1226*index},500);
    $('.weini .more div').eq(index).removeClass('active').siblings().addClass('active');
}


// 手动
$('.weini .more .more-left').click(function(){
    index = 0;
    showTJ();
});
$('.weini .more .more-right').click(function(){
    index = 1;
    showTJ();
});




// 家电
$('.homeapp-div div').mouseenter(function () {
    $(this).addClass('app').siblings().removeClass('app');
    console.log($(this).index());
    $(this).parents('.container').find('.star-menu').eq($(this).index()).addClass('xianshi').siblings().removeClass('xianshi')
});

$(' .homeapp .star-menu .star-ul li').hover(function () {

    $(this).parents('.star-ul').find('.text-box').eq($(this).index()).stop().animate({ top: 250 }, 200);
    console.log($(this).index());
}, function () {
    $(this).parents('.star-ul').find('.text-box').eq($(this).index()).stop().animate({ top: 310 }, 200);
})



// 内容轮播
$('.star-menu .neirong li').hover(function () {
    $(this).find('span').stop().fadeIn(200);

//     var count = 0;
//     var parent=$(this)
//     // var index=$(this).find('.num li').index();
//     function show() {
//         parent.find('.lun-box').stop().animate({ 'margin-left': -264 * count }, 500);
//         // parent.find('.num li').eq(index).addClass('diyi').siblings().removeClass('diyi');
//         console.log(index);
//     }
//     function nextul() {
//         count++;
//         show();
//     }
//     function prevul() {
//         count--;
//         show();
//     }
//     parent.find('.right-span').click(function () {
//         if (count >= 1) {
//             count = 1;
//         }
//         nextul();
//     })
//      parent.find('.left-span').click(function () {
//         if (count <= 0) {
//             count = 1;
//         }
//         prevul();
//     })
}, function () {
    $(this).find('span').stop().fadeOut(200);
})

$('.cheng').jqhclickslide({
    event:'click'
});
$('.lv').jqhclickslide({
    event:'click'
});
$('.blue').jqhclickslide({
    event:'click'
});
$('.hong').jqhclickslide({
    event:'click'
});




$('.star-menu .neirong li span').hover(function () {
    $(this).stop().animate({ opacity: 0.5 }, 200);
}, function () {
    $(this).stop().animate({ opacity: 0.2 }, 200);
})


// 鼠标点击搜索框
$('.header-search .search').click(function (ev) {
    ev.stopPropagation();
    $('.search-a a').stop().fadeToggle(500);
    $('.search-sp').show();
    $(this).css('border-color', 'red');
    $('.header-search .btn').css('border-color', 'red');

})
$(document).click(function () {
    $('.search-a a').stop().fadeIn(500);
    $('.search-sp').hide();
    $('.header-search .search').css('border-color', '#aaa');
    $('.header-search .btn').css('border-color', '#aaa');
})
$('.header-search .btn').click(function () {
    $('.header-search .btn').css('outline', 'none')
})


